<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
	<title></title>
  	<link rel="stylesheet" href="library/styles.css">
	<link rel="stylesheet" href="library/lightbox.css" type="text/css" media="screen" />

  	<script type="text/javascript" src="scripts/js.js"></script>
	<script type="text/javascript" src="scripts/prototype.js"></script>
	<script type="text/javascript" src="scripts/scriptaculous.js?load=effects,builder"></script>
	<script type="text/javascript" src="scripts/lightbox.js"></script>
	<script type="text/javascript" src="scripts/jwplayer.js"></script>
 
	<style type="text/css" media="screen">
	body {
	margin:0;
	padding:0;
	height:100%; /* this is the key! */
	}
	</style>
</head>

<SCRIPT> 
try{
document.onkeydown=processKeyDown;
document.onkeyup=processKeyUp;
document.onkeypress=processKeyPress;
}
catch(e){
	alert(e);
	}
//alert(screen.height);

</SCRIPT>
<body  background="" onload="a();return false;">
<!--div style="background-color:#ffffff;height:3.5em;">
<img src="./images/tuhh_logo.gif" style="float:left;"  height="60px" border="0"> 
<center><span class=cap style="" id="caption">$CAPTION$</span></center>
</div-->
	<div id="slide_caption" style="background-color:#004586;width:100%;margin:auto;overflow: hidden;"> 
	<!--img src="./images/uni_logo.png" style="float:left;width:20%;height:auto;"  border="0" onclick="a();return false;"--> 
	<center><span class=caption id="caption_text">caption 1</span></center>
	</div><!-- /caption-->


<!-- div style="background-color:#ffffff;height:980px;"-->

 
<!--center>
<hr style="width:90%;margin-top:10px;border:thin;"> 
</center-->

<!--div id="homediv" style="display:inline;background-image:background-image:url(images/top_horizontal_bar.jpg);height:600px;margin-top:200px;border:thin;"-->
<!-- homediv-->
 	<!-- div id="homecontent" style="background-color:#ffffff;height:900px;"-->
	 <!--center-->	
	 <!--div id="slide" style="background-color:#e4e4e4;height:800px;width:85%;margin-top:0px;"-->
	  <div id="slides"  >
	<div id="1" onclick="return false;" class=slides>slide 1 asdas das d sadsa ds
	<br><input type="textbox" id="textBox" onkeydown ="getKeyCode(window.event);return false;"></input>

</div>
<div id="2" onclick="nextSlide(this);return false;"  style="display:none;" class=slides>
2y
Rayleigh Plesset Equation: 
<br />
<br />
<img src="http://latex.codecogs.com/png.latex?\dpi{300}R\ddot{R}+\frac{3}{2}\dot{R}^{2}=\frac{1}{\rho}\left ( p_g-P_0-P_{sat}-4\mu\frac{\dot{R}}{R}-2\frac{\sigma}{R} \right ).
">
</div>

<div id="3" onclick="nextSlide(this);return false;" style="display:none;" class=slides>
Rayleigh Plesset Equation: 
<br />
<br />
<img src="http://latex.codecogs.com/png.latex?\dpi{300}\frac{\rm{d} u}{\rm{d}t} = F_D+F_L+F_B+F_V">
</div>
<div id="4" onclick="nextSlide(this);return false;" style="display:none;" class=slides>slide 4 asdas das d sadsa ds 

<!-- START OF THE PLAYER EMBEDDING TO COPY-PASTE -->
<div id='mediaplayer'></div>

<script type="text/javascript">
  jwplayer('mediaplayer').setup({
    'flashplayer': 'library/player.swf',
    'id': 'playerID',
    //'width': '480',
    //'height': '270',
    'file': 'files/0001_0120.flv',
    'image': 'files/preview2.jpg'
  });
</script>

<div id='mediaplayer2'></div>

<script type="text/javascript">
  jwplayer('mediaplayer2').setup({
    'flashplayer': 'library/player.swf',
    'id': 'playerID2',
    //'width': '480',
    //'height': '270',
    'file': 'files/0001_0120.flv',
    'image': 'files/preview2.jpg'
  });
</script>
<!-- END OF THE PLAYER EMBEDDING -->
 </div>




<div id="5" onclick="nextSlide(this);return false;" style="display:none;" class=slides>slide 5 asdas das d sadsa ds 

<table style="margin:auto;padding:10px;">
		<tr style="margin:auto;padding:10px;">
			<td><a href="files/1.jpg" rel="lightbox">
				<img height="200px" style="border: none;" src="files/1.jpg">
				</a></td>
			<td><a href="files/2.jpg" rel="lightbox">
				<img height="200px" style="border: none;" src="files/2.jpg">
				</a>
			</td>
		</tr>
		<tr>
			<td class=figureCaption>1</td>
			<td class=figureCaption>2</td>
		</tr>
		<tr style="width:%70;">
			<td><a href="files/3.jpg" rel="lightbox" >
				<img height="200px" style="border: none;" src="files/3.jpg">
				</a></td>
			<td><a href="files/4.jpg" rel="lightbox" >
				<img height="200px" style="border: none;" src="files/4.jpg">
				</a>
			</td>
		</tr>
		<tr>
			<td class=figureCaption>3</td>
			<td class=figureCaption>4</td>
		</tr>
	</table>


</div>
<div id="6" onclick="nextSlide(this);return false;" style="display:none;" class=slides>slide 6 asdas das d sadsa ds </div>



</div>
	<!--/center>
<!--/div> <!-- /homediv-->
 
<!--center>
<hr style="width:90%;"> 
</center-->
<div id="footer"> 
<img src="./images/fds_logo.gif" style="float:left;"  height="100px"   border="0">
<span id="pageNumber" style="float:right;margin:12px;"><script>document.write(currentSlideId)</script>
<img  id='uni_logo' src="./images/fds_logo.gif" style="float:left;"  height="100px"   border="0">
</div>

<!-- /div-->

 </body>
 
</html>
  
